<template>
	<span class="intro_arrow" :class="[state==0?'u-arowdown':'u-arowup']" @click="toggledown"></span>
</template>

<script>
	export default {
		data() {
			return {
				state: 0
			}
		},
		methods: {
			toggledown() {
				this.state = this.state == 0 ? 1 : 0;
				this.$emit("thide3");
			}
		}
	}
</script>

<style>
	.intro_arrow {
		position: absolute;
		bottom: 3px;
		right: 0;
		z-index: 3;
		width: 15px;
		height: 15px;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 12px auto;
	}

	.u-arowdown {
		background-image: url();
	}

	.u-arowup {
		background-image: url()
	}
</style>
